<template>
	<view class="region-index">
		<cu-custom bgColor="bg-gradual-orange" :isBack="true">
			<block slot="content">区域中心</block>
		</cu-custom>
    
    <view class="region-item-container">
      <view class="region-item" @tap="jumpTo('/pages/my/region/agentList', 'inside', true)">
        <image src="../../../static/region_1.png" mode="scaleToFill"></image>
      </view>
      <view class="region-item" @tap="jumpTo('/pages/my/region/shopList', 'inside', true)">
        <image src="../../../static/region_2.png" mode="scaleToFill"></image>
      </view>
      <view class="region-item" @tap="jumpTo('/pages/my/region/profitList', 'inside', true)">
        <image src="../../../static/region_3.png" mode="scaleToFill"></image>
      </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
	}
</script>

<style lang="less">
	.region-index {
		height: 100vh;
    background: #fff;
    .region-item-container{
      margin: 20px auto;
      text-align: center;
      .region-item{
        height: 93px;
        width: 100%;
        padding: 0 15px;
        background: #EFEFEF;
        margin-bottom: 17px;
        image{
          width: 100%;
          height: 100%;
        }
      }
    }
	}
</style>
